<div id="editProfile" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
                        <li role="presentation" class="active">
                                <button href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true" type="button" class="btn btn-outline-success active" style="margin-right: 30px;">修改基本信息</button>
                        </li>
                        <li role="presentation" class="">
                                <button href="#tab_content2" role="tab" id="profile-tab" data-toggle="tab" type="button" class="btn btn-outline-success"
                                   aria-expanded="false">修改密码</button>
                        </li>
                    </ul>

                    <div id="myTabContent" class="tab-content">
                        <div role="tabpanel" class="tab-pane active " id="tab_content1" aria-labelledby="home-tab">
                            <div class="modal-body">
                                <form action="javascript:void(0);" class="form-horizontal form-label-left">
                                    <b style="color: red">如需修改头像，请在选择头像之后点击上传按钮</b>
                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align"
                                               for="userNameForAdd">账号</label>
                                        <div class="col-md-12 col-sm-12 ">
                                            <input type="text" id="userNameForAdd" class="form-control"
                                                   v-model:value="user.userName" disabled>
                                        </div>
                                    </div>

                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align"
                                               for="realNameForAdd">手机号码
                                        </label>
                                        <div class="col-md-12 col-sm-12 ">
                                            <input type="text" id="realNameForAdd" class="form-control"
                                                   v-model:value="user.userPhone">
                                        </div>
                                    </div>

                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align"
                                               for="emailForAdd">邮箱
                                        </label>
                                        <div class="col-md-12 col-sm-12 ">
                                            <input type="text" id="emailForAdd" class="form-control"
                                                   v-model:value="user.userEmail">
                                        </div>
                                    </div>
                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align"
                                               for="emailForAdd">头像</label>
                                        <div class="col-md-12 col-sm-12 ">
                                            <input type="hidden" v-model:value="user.userImage"/>
                                            <input id="uploadImage" name="file" type="file" multiple=true>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary" @click="updateModule()"
                                        data-dismiss="modal">保存
                                </button>
                            </div>

                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
                            <div class="modal-body">
                                <form action="javascript:void(0);" class="form-horizontal form-label-left">
                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align">账号</label>
                                        <div class="col-md-12 col-sm-12 ">
                                            <input type="text" class="form-control"
                                                   v-model:value="user.userName" disabled>
                                        </div>
                                    </div>
                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align"
                                               for="password">密码
                                        </label>
                                        <div class="col-md-12 col-sm-12">
                                            <input type="password" id="password" class="form-control" v-model:value="user.password">
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary" @click="updateModule2()"
                                        data-dismiss="modal">保存
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>